﻿html
{
	width: 100%;
	height: 100%;
	padding:0px;
	margin:0px;
}

body 
{
	width: 100%;
	height: 90%;
	padding: 0px;
	margin: 0px;
	margin-top:80px;
    
	font-family: Segoe UI, Arial, Verdana ;
	font-size: 11pt;
	color: #333333;
	background-color: #FFF;
	background-image: url('/images/Background.png');
	background-attachment:fixed;
	background-position:top;
}

#Content
{
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
}

form
{
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
}

table
{
	background-color:#FFF;
}

.NoHeaderBody
{
	margin-top:auto !important;
	margin-bottom:auto!important;
}

fieldset
{
	border: 1px solid #D9D9D9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	padding:10px;
	width: 400px;
	
    margin: 0px auto 0px auto;
    background-color: #FFFFFF;
}

legend
{
	font-size:12pt;
	padding:4px;
	font-weight:bold;
	color:#00f;
	text-shadow:#AAA 1px 1px 1px;
}

div#Header
{
	position:fixed;
	top:0px;
	left:0px;
	background-color: #F1F1F1;
	border: 1px solid #F1F1F1;
	width:100%;
	height:50px;
	border-bottom: 1px solid #D9D9D9;
	
	font-size:12pt;
	padding:4px;
	font-weight:bold;
	color:#00f;
	text-shadow:#AAA 1px 1px 1px;
}

.SmartCountersTopLogo
{
	display:block;
	float:left;
	margin: 2px 10px 2px 2px;
}

.helloMessage
{
	display:block;
	font-size:10pt;
	color: #666;
	font-weight: normal;
	text-shadow: none;
	float:right;
	margin-right:20px;
}

.Bredcrumbs
{
	display:block;
	font-size:10pt;
	color: #666;
	font-weight: normal;
	text-shadow: none;
	margin-right:20px;
}

.BredCrumbsNode, .BredCrumbsCurrendNode
{
	font-size:10pt;
	color: #666;
	font-weight: normal;
	text-shadow: none;
	text-decoration: none;
}
.BredCrumbsNode
{
	color: #000;
}

 

.TextBox, .PasswordBox, .DropDown, .CheckboxListContainer, .TextArea, .ListContainer
{
	margin-bottom:20px;
	padding:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    
	padding:10px;
	width: 90%;
	height: 20pt;
    
	font-family: Segoe UI, Verdana, Sans-Serif;
	font-size: 20pt;
	color: #333;
    
	border: 1px solid #D9D9D9;
}

.ListContainer
{
	Height:auto !important;
	font-size: 12pt !important;
	overflow:auto !important;
}

.TextArea
{
	Height:auto !important;
}
.DropDown
{
	width: 96% !important;
	height: auto !important;
	font-size: 14pt;
}
 
.CheckboxListContainer
{
	height: 100px !important;
	font-size: 12pt !important;
	overflow:auto !important;
}
 
.CheckboxListContainer input
{
	margin-bottom: 4px;
}

.CheckboxListContainer label:hover
{
	color:Black;
	text-shadow:#C4C4C4 1px 1px 1px;
}


.TextBox:hover, .PasswordBox:hover
{
	border: 1px solid #A0A0A0;
}

input.Button, .Button input, div.Button, a.Button
{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	color: #444444;
	font-weight: bold;
	text-decoration:none;
	
	padding: 5px 15px 5px 15px;
	margin: 5px 5px 5px 5px;
	border: 1px solid #D8D8D8;
	background-color: #F3F3F3;
	
	cursor:pointer;
	
}

div.Button:hover , input.Button:hover, .Button input:hover, a.Button:hover
{
	border: 1px solid #C6C6C6;
	background-color: #F7F7F7;
	color: #222222;
}

.Description
{
	font-size:10pt;
	color: #666;
}

.DataTable
{
	width: 100%;
}
.DataTable tr th
{
	background-color:#DEDEDE;
}

.DataTable tr td, .DataTable tr th
{
	border: 1px solid #C0C0C0;
	padding: 4px 8px 4px 8px;
}

.shadow 
{
	-moz-box-shadow: 2px 2px 3px #AAA;
	-webkit-box-shadow: 2px 2px 3px #AAA;
	box-shadow: 2px 2px 3px #AAA;
	
}

.FullWidth
{
	width:90%;
}
.FullHeight
{
	height:90%;
}

.InputFullWidth input
{
	width:90%;
	
}

.Hidden
{
	display:none;
}

.ErrorMessage
{
	font-size:11pt;
	color: Red;
}

.StatusMessage
{
	font-size:11pt;
	color: Green;
}

.modalBackground 
{ 
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color: #C5C5C5; 
    filter: alpha(opacity=50); 
    opacity: 0.50; 
    
	text-align:center;
	line-height:100%;
}

.modalTextContainer
{ 
    display:block;
    filter: alpha(opacity=100); 
    opacity: 1; 
    
    font-family: Segoe UI, Arial, Verdana ;
	font-size: 12pt;
	color: #000000 !important;
	
	text-align:center;
	vertical-align:middle;
} 

.modalImageContainer
{
	margin:20% auto 0px auto;
	display:block;
	filter: alpha(opacity=100); 
    opacity: 1; 
	text-align:center;
}

